.content {
  min-height: 100vh;
  background-color: #f2f2f4;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-block {
  min-height: 100vh;
  box-sizing: border-box;
  padding: 20rpx;
  background-color: #f2f2f4;
}

.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}

.center-x {
  flex-direction: row;
  justify-content: center;
}
.center-y {
  flex-direction: column;
}

// margin

.mt-10 {
  margin-top: 10rpx;
}

.mt-20 {
  margin-top: 20rpx;
}

.mb-20 {
  margin-bottom: 20rpx;
}

.mr-20 {
  margin-right: 20rpx;
}

// text color
.text-gray {
  color: #ccc;
}

// position

.bottom-block {
  display: flex;
  position: absolute;
  bottom: 30rpx;
  left: 5%;
  width: 90%;
}
// button

.radius-btn {
  border-radius: 10px;
  padding: 24px;
}

// form
.form-block {
  padding: 20rpx;
}

// list
.list-item {
  padding-bottom: 20rpx;
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.data-box{
	margin-top: 20rpx;
	background-color: #ffffff;
	/* box-shadow: 0px 0px 5px rgba(0,0,0,.1); */
	padding: 0rpx 20rpx;
}

.data-box .cu-bar{
	border-bottom: solid 1px #f9f9f9;
}

.data-box-title{
	color: #333;
	font-size: 32rpx !important;
	font-weight: bold;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cu-bar {
	display: flex;
	position: relative;
	align-items: center;
	min-height: 100rpx;
	justify-content: space-between;
}

.cu-bar .action {
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
	max-width: 100%;
}

.cuIcon-titles {
	display: inline-block;
	vertical-align: bottom;
	height: 40rpx;
	width: 10rpx;
	background: #0081FF;
	margin: 0 20rpx 0 25rpx;
	border-radius: 10rpx;
}

.submit-button{
	height: 110rpx;
	.submit-block{
		position: fixed;
		background-color: #0081FF;
		color: #f6f6f6;
		width: 100%;
		height: 90rpx;
		line-height: 90rpx;
		text-align: center;
		bottom: 0rpx;
	}
}

	.PhotographerBoxL{
		box-sizing: border-box;
		width: 35%;
		text-align: center;
		padding: 25rpx;
		float: left;
	}
	.PhotographerBoxR{
		box-sizing: border-box;
		width: 65%;
		padding: 25rpx;
		float: left;
		/* .PhotoPpl{
			width: 100%;
			image{
				border-radius: 8rpx;
				width: 128rpx;
				height: 128rpx;
			}
		} */
	}

	.cu-tag2 {
		height: 40rpx !important;
		font-size: 22rpx;
		vertical-align: middle;
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 0rpx 16rpx;
		font-family: Helvetica Neue, Helvetica, sans-serif;
		white-space: nowrap;
	}
	
	/* ==================
	         卡片
	 ==================== */
	
	.cu-card {
		display: block;
		overflow: hidden;
	}
	
	.cu-card>.cu-item {
		display: block;
		background-color: #ffffff;
		overflow: hidden;
		border-radius: 10rpx;
		margin: 15rpx;
	}
	
	/* ==================
	          头像
	 ==================== */
	
	.cu-avatar {
		font-variant: small-caps;
		margin: 0;
		padding: 0;
		display: inline-flex;
		text-align: center;
		justify-content: center;
		align-items: center;
		background-color: #ccc;
		color: #ffffff;
		white-space: nowrap;
		position: relative;
		width: 64rpx;
		height: 64rpx;
		background-size: cover;
		background-position: center;
		vertical-align: middle;
		font-size: 1.5em;
		border-radius: 10rpx;
	}
	
	.margin-top-xs {
		margin-top: 10rpx;
		font-size: 23rpx;
	}
	
	.bg-blue {
		background-color: #0081ff;
		color: #ffffff;
	}
	
	.radius {
		border-radius: 10rpx;
	}
	
	.cu-avatar.xl {
		width: 128upx;
		height: 128upx;
		font-size: 2.5em;
	}
	
	.text-sm {
		font-size: 24upx;
	}
	
	.text-bold {
		font-weight: bold;
	}
	
	.text-black {
		color: #000;
	}
	
	.text-grey,
	.line-grey,
	.lines-grey {
		color: #8799a3;
	}
	
	.float-btn {
		position: absolute;
		z-index: 99;
		right: 50rpx;
		top: 40rpx;
	}
	
	.search-item{
		margin: 20rpx;
		float: left;
		width: 620rpx;
	}
	
	.search{
		display: block;
		background-color: #ffffff;
		overflow: hidden;
	}